<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=640,target-densitydpi=320, user-scalable=no/ ">
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<title>新增地址</title>
		<style type="text/css">
			.checkbox {
				position: relative;
				display: inline-block;
				height: 50px;
				top: 15px;
				float: right;
			}
			
			.checkbox input {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				z-index: 5;
				opacity: 0;
				cursor: pointer;
			}
			
			.checkbox label {
				width: 90px;
				height: 42px;
				background: #ccc;
				position: relative;
				display: inline-block;
				border-radius: 46px;
				-webkit-transition: 0.4s;
				transition: 0.4s;
			}
			
			.checkbox label:after {
				content: '';
				position: absolute;
				width: 50px;
				height: 50px;
				border-radius: 100%;
				left: 0;
				top: -5px;
				z-index: 2;
				background: #fff;
				box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
				-webkit-transition: 0.4s;
				transition: 0.4s;
			}
			
			.checkbox input:checked+label {
				background: red;
			}
			
			.checkbox input:hover+label:after {
				box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
			}
			
			.checkbox input:checked+label:after {
				left: 40px;
			}
			
			.checkbox input:checked+label:after {
				background: #4285F4;
			}
		</style>

	</head>

	<body>
		<div class="header bgd_color">
			<div class="left h_lf">

			</div>
			<div class="left h_center">
				新增地址
			</div>
			<div class="left h_rg">

			</div>
		</div>
		<div class="container bgd_color_gray">
			<div class="pad_lr26 box_size_border width100 bgd_color_white">
				<div class="border_bot1 line_height100 f_size24">
					<label class="display_inline_block width116" for="">联系人</label>
					<input class="line_height98 box_size_border border_none" type="text" placeholder="请输入真实姓名" />
				</div>
			</div>
			<div class="pad_lr26 box_size_border width100 bgd_color_white">
				<div class="border_bot1 line_height100 f_size24">
					<label class="display_inline_block width116" for="">手机号</label>
					<input class="line_height98 box_size_border border_none" type="text" placeholder="请输入真实姓名" />
				</div>
			</div>
			<div class="pad_lr26 box_size_border width100 bgd_color_white">
				<div class="border_bot1 line_height100 f_size24">
					<label class="display_inline_block width116" for="">邮编</label>
					<input class="line_height98 box_size_border border_none" type="text" placeholder="请输入真实姓名" />
				</div>
			</div>
			<div class="pad_lr26 box_size_border width100 bgd_color_white">
				<div class="border_bot1 line_height100 f_size24">
					<label class="display_inline_block width80" for="">选择省</label>
					<select name="">
						<option value="">天津</option>
					</select>
					<label class="display_inline_block width80" for="">选择市</label>
					<select name="">
						<option value="">天津</option>
					</select>
					<label class="display_inline_block width80" for="">选择区</label>
					<select name="">
						<option value="">南开</option>
					</select>
				</div>
			</div>
			<div class="pad_lr26 box_size_border width100 bgd_color_white margin_bot14">
				<div class=" line_height100 f_size24">
					<label class="display_inline_block width116" for="">具体地址</label>
					<input class="line_height98 box_size_border border_none" type="text" placeholder="请输入真实姓名" />
				</div>
			</div>
			<div class="pad_lr26 box_size_border width100 bgd_color_white f_size24">
				<div class=" line_height100 f_size24 overflow_hide">
					<div class="left">
						设为默认
					</div>
					<div class="right">
						<div class="checkbox">
							<input type="checkbox" />
							<label></label>
						</div>
					</div>
				</div>
			</div>
			<div class="margin_t50 margin_lr20 box_size_border">
				<button class="f_size32 f_color_white bgd_color_main width_100 line_height80 border_none border_radius20">申请</button>
			</div>

		</div>

	</body>

</html>